<!--
 * @Descripttion: 
 * @version: 
 * @Author: yuanliutech
 * @Date: 2022-12-20 17:41:53
 * @LastEditors: yuanliutech@lwj
 * @LastEditTime: 2022-12-29 17:39:26
-->
<template>
  <div class="container">
    <!-- <div class="image_box">
      <el-image :src="headerBg" class="image"></el-image>
    </div> -->
    <div class="title">
      <!-- <img :src="user.siteLogo ? user.siteLogo : logo" class="logo" /> -->
    {{user.siteName ? user.siteName : '精卫安' }}</div>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "",
  components: {},
  data() {
    return {
      headerBg: require("@assets/images/datav/header_bg.png"),
      logo: require("@assets/images/logo4.png"),
    };
  },
  computed: {
    ...mapState(["user"]), //系统配置项
  },
  watch: {},
  methods: {
    backBgClick() {
      // this.$router.go(-1);
      this.$router.push('/org/list')
    },

  },
  created() { },
  mounted() { }
};
</script>

<style lang='less' scoped>
.fontSize (@px, @attr: font-size) {
  @vw: (@px / 1920) * 100;
  @{attr}:~"@{vw}vw";
}
.width (@px, @attr: width) {
    @vw: (@px / 1920) * 100;
    @{attr}:~"@{vw}vw";
}

.height (@px, @attr: height) {
    @vh: (@px / 1080) * 100;
    @{attr}:~"@{vh}vh";
}

.container {
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;

  .image_box {
    height: 100%;

    .image {
      height: 100%;
    }
  }

  .title {
    position: absolute;
    // text-align: center;
    // padding-left: 2vw;
    // color: #ebf2fa;
    color: #fff;
    .fontSize(34);
    font-weight: 700;
    z-index: 2002;
    letter-spacing: 8px;
    // display: flex;
    // align-items: center;
  }

  .bg {
    position: absolute;
    right: 21vw;
    bottom: 1vh;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
  }

  .qiehuan {
    position: absolute;
    left: 21vw;
    bottom: 1vh;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
  }

  .decora {
    position: absolute;
    bottom: -20px;
  }
}

.logo {
  .width(35);
  aspect-ratio: 1/1;
  margin-right: 6px;
  vertical-align: middle;
}
</style>